main {
    border-top: 5px solid #f5f5f5;

    .head-title {
        height: 30px;
        padding: 10px 0;

        a {
            color: #999;
            font-size: 12px;
        }

        .icon-lunboyoufangun {
            color: #999;
        }

        span {
            font-size: 12px;
            margin-left: 10px;
        }
    }

    .wide {
        height: 600px;
        .container {
            display: flex;
            position: relative;

            .wrap {
                padding-right: 60px;

                .smallBox {
                    width: 451px;
                    height: 451px;
                    position: relative;
                    img {
                        width: 450px;
                        height: 450px;
                    }

                    span {
                        width: 150px;
                        height: 150px;
                        background: rgba($color: #ccc, $alpha: 0.5);
                        cursor: move;
                        display: none;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                }

                .bigBox {
                    width: 400px;
                    height: 400px;
                    background: #fff;
                    position: relative;
                    top: -451px;
                    left: 460px;
                    display: none;
                    overflow: hidden;
                    z-index: 333;

                    img {
                        width: 700px;
                        height: 700px;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }
                }

                .bottom {
                    height: 68px;
                    margin: 0 auto;
                    padding: 10px 0;
                    position: absolute;
                    left: 0;
                    top: 460px;
                    img {
                        width: 60px;
                        height: 60px;
                        margin: 0 3px;
                        border: 1px solid #fff;

                        &:hover {
                            border-color: #ca141d;
                        }
                    }

                    .iconfont {
                        padding: 10px 10px;
                        border: 1px solid #666;
                        border-radius: 50%;
                        color: #666;

                        &:hover {
                            background: #ccc;
                        }
                    }
                }
            }

            .detail {
                width: 100%;

                p:nth-child(1) {
                    font-size: 21px;
                    font-weight: bold;
                    line-height: 40px;
                }

                p:nth-child(2) {
                    font-size: 14px;
                    line-height: 50px;
                    color: #ca141d;
                    text-decoration: underline;
                }

                p:nth-child(3) {
                    font-size: 12px;
                    color: #444;
                    background: #f5f5f5;
                    padding: 20px 0 10px 0;

                    .current {
                        margin: 0 10px 0 20px;
                        color: #ca141d;
                        font-size: 24px;

                        small {
                            font-size: 16px;
                            margin-right: 10px;
                        }
                    }

                    .previous {
                        font-size: 16px;
                        color: #999;
                    }
                }

                p:nth-child(4) {
                    font-size: 12px;
                    color: #444;
                    background: #f5f5f5;
                    padding-bottom: 15px;

                    span {
                        color: #ca141d;
                        border: 1px solid #ca141d;
                        margin: 0 10px 0 20px;
                        padding: 2px 7px;
                    }
                }

                p:nth-child(5),
                P:nth-child(6),
                P:nth-child(7),
                P:nth-child(8) {
                    color: #444;
                    font-size: 12px;
                    margin-top: 30px;

                    span {
                        border: 1px solid #444;
                        padding: 9px 20px;
                        margin-left: 16px;
                        &:nth-child(1){
                            border-color: #ca141d;
                        }
                        &:hover{
                            border-color: #ca141d;
                        }
                    }
                }

                p:nth-child(9) {
                    color: #444;
                    font-size: 12px;
                    margin-top: 20px;

                    select {
                        margin-left: 16px;
                    }
                }

                p:nth-child(10) {
                    color: #444;
                    font-size: 12px;
                    margin-top: 10px;

                    span {
                        color: #ca141d;
                    }
                }

                table {
                    color: #444;
                    font-size: 12px;
                    margin-top: 10px;
                    tr{
                        td{
                            cursor: pointer;
                            text-align: center;
                            &:nth-child(1){
                                width: 69px;
                                text-align: left;
                            }
                            &:nth-child(2){
                                width: 20px;
                                background: #ccc;
                            }
                            &:nth-child(3){
                                input{
                                    width: 40px;
                                    text-align: center;
                                }
                            }
                            &:nth-child(4){
                                width: 20px;
                                background: #ccc;
                            }
                        }
                    }
                }

                button {
                    margin: 15px 0px 15px 68px;
                    height: 50px;
                    width: 200px;
                    border: none;
                    background: #ca141d;
                    color: #fff;
                    font-size: 18px;
                    cursor: pointer;

                    &:hover {
                        background: #d5444b;
                    }
                }
            }
        }
    }
}